<template>
  <div>
    <div>{{mes}}</div>
    <br>
    <br>
    <button @click="fn">翻转</button>
   </div>
</template>
 
<script>
export default {
  data() {
    return {
    mes:'Hello,六哥',
    };
  },
  methods: {
    fn() {
     this.mes =[...this.mes].reverse().join('')
    }
  }
};
</script>

<style scoped>
     
</style>